<template>
	<div class="zmqn">
		<h3>周末去哪儿</h3>
		<div class="week-item" v-for="(item,index) in weekList" :key="index">
			<img :src="item.imgURL" />
			<aside>
				<p>{{item.wektil}}</p>
				<p>
					<label>{{item.txt}}</label>
				</p>
				
			</aside>
		</div>
	</div>
</template>

<script>
	import Swiper from 'swiper';
	export default{
		props:['weekList'],
		data(){
			return{
				
			}
		},
		mounted() {
			new Swiper ('.header-zmqn',{
				//循环滑动
				loop:true,
				observer:true,
				observeParent:true
			})
		}
	}
</script>

<style scoped>
	.zmqn {
		width: 100%;
	}

	.zmqn h3 {
		font-size: 0.32rem;
		padding: 0.2rem;
		font-weight: normal;
	}

	.week-item {
		width: 100%;
		background-color: white;
		/* display: inline-block; */
	}

	.week-item img {
		width: 100%;
	}

	.week-item aside {
		padding: 0.2rem;
	}

	.week-item aside p {
		font-size: 0.34rem;
		padding: 0.1rem;
		overflow-x: hidden;
		text-overflow: ellipsis;
		padding-bottom: 0.2rem;
	}
	.week-item aside label {
		font-size: 0.3rem;
		white-space:nowrap;
		padding-bottom:0.2px;
	}
</style>
